<template>
  <div class="yhq">
    <!-- 标题 -->
    <div class="title">
      <span @click="$router.go(-1)"><van-icon name="arrow-left" /></span>
      <span style="font-weight: 600">设置</span>
      <span></span>
    </div>
    <van-tabs v-model:active="active">
      <van-tab title="全部">内容</van-tab>
      <van-tab title="未使用">内容</van-tab>
      <van-tab title="已使用">内容</van-tab>
      <van-tab title="已过期">内容</van-tab>
    </van-tabs>
  </div>
</template>

<script setup>
import { ref, reactive, toRefs } from "vue";
</script>
<style lang="scss" scoped>
.yhq {
  font-size: 20px;
  width: 100%;
  font-family: PingFangSC-Regular;
}
.title {
  background: #fff;
  display: flex;
  padding: 19px;

  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  margin-bottom: 20px;
}
</style>